<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="../../css/common.css">
		<link rel="stylesheet" type="text/css" href="../../css/main/productDetails.css" />
		<link rel="stylesheet" href="../../css/productMsg/virtualDevice.css">
		<title>产品详情页面_群智应用开发平台</title>
	</head>
	<body>
		<div class="container">
			<!-- 公共头部 -->
			<div class="header">
				<div class="w hd_content">
					<div class="logo">
						<img src="../../images/logo.png" alt="" srcset="">
					</div>
					<div class="title">群智应用开发平台</div>
					<div class="list">
						<ul>
							<li>
								<img src="../../images/username.png" alt="">
								<span class="usernameShow">
									<span class="DynamicUsername"></span>
									<div class="dynamicShow">
										<div class="angle"></div>
										<div id="userMsg">
											<ul>
												<a href="../main/accountSetting.html" id="accountSettingLink">
													<li class="userMsg">账号设置</li>
												</a>
												<li class="userMsg outLogin">退出登录</li>
											</ul>
										</div>
									</div>
								</span>
								<span></span>
							</li>
						</ul>
					</div>

				</div>
			</div>
			<!-- 主体部分 -->
			<div class=" w productDetails">
				<p class="hd_nav">
					<a href="../main/productList.html" id="productListLink">个人项目</a>
					<span class="Separator">/</span>
					<span>产品详情</span>

					<span class="span-btn">
						<span>
							<button class="delete">删除</button>
						</span>
						<span>
							<button>发布</button>
						</span>
					</span>
				</p>
				<hr>

				<div class="bd_content">
					<div class="bd_content_left">
						<p>
							<img src="../../images/all.png" alt="" srcset="">
							<span>产品信息</span>
						</p>
						<ul>
							<a href="../main/productDetails.html" id="productDetailsLink">
								<li>基本信息</li>
							</a>
							<a href="../productMsg/deviceLog.html" id="deviceLogLink">
								<li>设备日志</li>
							</a>
							<a href="../productMsg/dataNode.html" id="dataNodeLink">
								<li>数据点</li>
							</a>
							<a href="../productMsg/virtualDevice.html" id="virtualDeviceLink">
								<li class="yellow">虚拟设备</li>
							</a>
							<a href="../productMsg/developDirection.html" id="developDirectionLink">
								<li>开发向导</li>
							</a>
						</ul>
						<p>
							<img src="../../images/inspection.png" alt="" srcset="">
							<span>服务</span>
						</p>
						<ul>
							<a href="../productMsg/ApplicationConfig.html" id="ApplicationConfigLink">
								<li>图谱关系</li>
							</a>
							<a href="../productMsg/serviceRecommend.html" id="serviceRecommendLink">
								<li>服务推荐</li>
							</a>
							<a href="../productMsg/applicationDevelop.html" id="applicationDevelopLink">
								<li>应用开发</li>
							</a>
							<a href="../productMsg/MCUdevelop.html" id="MCUdevelopLink">
								<li>MCU开发</li>
							</a>
						</ul>
						<p>
							<img src="../../images/data-view.png" alt="" srcset="">
							<span>统计</span>
						</p>
						<ul>
							<a href="../productMsg/overview.html" id="overviewLink">
								<li>概览</li>
							</a>
							<a href="../productMsg/newOnline.html" id="newOnlineLink">
								<li>新增上线</li>
							</a>
							<a href="../productMsg/activeEquipment.html" id="activeEquipmentLink">
								<li>活跃设备</li>
							</a>
							<a href="../productMsg/activeCycle.html" id="activeCycleLink">
								<li>活跃周期(OTA)</li>
							</a>
							<a href="../productMsg/connectionDuration.html" id="connectionDurationLink">
								<li>连接时长</li>
							</a>
						</ul>
					</div>
					<div class="bd_content_right">
						<p>虚拟设备</p>
						<hr>
						<div class="img">
							<img src="../../images/Virtual1.png">
							<img src="../../images/Virtual2.png">
							<img src="../../images/Virtual3.png">
							<img src="../../images/Virtual2.png">
							<img src="../../images/Virtual4.png">
							<p class="text1">发送控制指令</p>
							<p class="text2">发送控制指令</p>
							<p class="text3">返回设备数据</p>
							<p class="text4">模拟设备返回数据</p>
						</div>
						<div class="text">
							<p class="text5">通过虚拟设备模拟真实设备上报数据的行为，可以快速验证接口功能的开发。</p>
							<p class="text6">用您开发的app或 <a href="#">下载Demo App</a> 绑定虚拟设备，即可对虚拟设备进行远程控制及查看通讯日志。</p>
						</div>
					</div>
				</div>
			</div>
			<div class="correct"></div>
		</div>

		<!-- 公共尾部 -->
		<div class="footer">
			<div class="w">
				<div class="linkList">
					<ul>
						<li>
							<a href="../index.html">官网首页</a>
						</li>
						<li>
							<a href="">关于群智应用平台</a>
						</li>
						<li>
							<a href="">联系我们</a>
						</li>
						<li>
							<a href="">加入我们</a>
						</li>
						<li>
							<a href="">服务协议</a>
						</li>
						<li>
							<a href="">隐私协议</a>
						</li>
					</ul>
				</div>
				<p>&copy;2020-2021 西安电子科技大学</p>
			</div>
		</div>
		<script src="../../js/jquery.min.js"></script>
		<script src="../../js/http.js"></script>
		<script src="../../js/productMsg/virtualDevice.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/alert.js"></script>
	</body>
</html>
